#index{
    width: 100%;
    height: 100%;
    background-color: #F5F7F9;
}

#div-noe{
    width: 100%;
    height: 100px;
    background-color: black;
}
#div-noe_mol{
    width: 1600px;
    height: 100px;
    margin: auto;
    background-color: black;
}
#div-log{
    width: 300px;
    height: 100px;
    float: left;
}
#image-log{
    width: 150px;
    height: 100px;
    margin-left: 150px;
    /*border: 1px solid red;*/
}
#div-query{
    width: 1000px;
    height: 100px;
    float: left;
    /*border: 1px solid red;*/
}
#div-query-yi{
    width: 1000px;
    height: 50px;
    /*border: 1px solid blue;*/
}
#div-query-er{
    width: 1000px;
    height: 45px;
    /*border: 1px solid yellow;*/
}
#div-query-er ul li a{
    float: left;
    margin-left: 35px;
    padding: 1px 10px;
    color: white;
    cursor: pointer;

}
#div-query-er ul li a:hover{
    color: yellow;
}
.login_order{
    color: white;
}
.login_order:hover{
    color: yellow;
}
#input-query
{
    width: 900px;
    height: 30px;
    border-radius: 50px;
    margin-top: 10px;
    margin-left: 50px;
}
#but-query{
    width: 80px;
    height: 28px;
    line-height: 28px;
    border-radius: 50px;
    font-size: 15px;
    background-color: yellow;
    color: black;
    position: relative;
    top: -29.5px;
    left: 868px;
}
#image-ss{
    width: 15px;
    height: 15px;
}

#but-login
{
    width: 80px;
    height: 30px;
    color: white;
    margin-top: 20px;
    background-color: black;
    border: none;
    cursor: pointer;
}
#but-order{
    width: 80px;
    height: 30px;
    color: white;
    margin-top: 20px;
    background-color: black;
    border: none;
    cursor: pointer;
}

/*第二段*/
#div-two{
    width: 1300px;
    margin:30px auto;
    height: 500px;
    background-color: white;
    border-radius: 40px;
}
#div-two-yi{
    width: 420px;
    height: 420px;
    margin-top: 40px;
    margin-left: 20px;
    /*border: 1px solid red;*/
    float: left;
    cursor: pointer;
}
.RotatingBroadcast{
    width: 420px;
    height:420px;
}
#div-two-bar{
    margin-top: 50px;
    width: 250px;
    height: 400px;
    margin-left: 20px;
    float: left;
    border-radius: 30px;
    background-color: #F5F7F9;
}

/*导航栏*/
#ul-bar{
    margin-top: 5px;
    margin-left: 10px;
    position: relative;
    display: inline-block;
}
#ul-bar .li_bar {
    cursor: pointer;
    margin-top: 17px;
}
#ul-bar .li_bar a{
    padding: 15px;
    color: black;
}
#ul-bar .li_bar a:hover{
    color: red;

}
.img-bar{
    width: 25px;
    height: 25px;
    margin-top: -5px;
}
.div-two_bar{
    display: none;
    position: absolute;
    background-color: white;
    width: 900px;
    height: 380px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    top: 10px;
    left: 200px;
    z-index: 1;
    border-radius: 15px;
}
.div-bar_yi{
    width: 100px;
    height: 380px;
    float: left;
    /*border: 1px solid red;*/
}
.div-bar_yi p{
    font-weight: bold;
    padding: 11px;
    float: right;
}
.div-bar_er{
    width: 790px;
    height: 380px;
    float: left;
    /*border: 1px solid red;*/
}
.div-bar_er p{
    padding:11px 1px ;
}
.div-two_bar .li_bar {
    text-decoration: none;
    display: block;
}

#ul-bar .li_bar:hover .div-two_bar{
    display: block;
}


#div-two-san{
    margin-top: 50px;
    width: 560px;
    height: 400px;
    margin-left: 20px;
    /*border: 1px solid red;*/
    float: left;
}

#div-3-commodity{
    width: 410px;
    height: 180px;
    /*border: 1px solid red;*/
    float: left;
}
#div-4-commodity{
    width: 410px;
    height: 180px;
    float: left;
}


#div-two-er-3{
    width: 535px;
    height: 180px;
    background-color:#82F0FE;
    margin-top: 15px;
    border-radius: 20px;
}
#div-two-er-4{
    width: 535px;
    height: 180px;
    background-color:#FFC0E4;
    margin-top: 15px;
    border-radius: 20px;
}

#div-3-All{
    width: 120px;
    height: 180px;

    float: left;

}
#div-4-All{
    width: 120px;
    height: 180px;
    float: left;

}

.div-1-Sd{
    width: 120px;
    height: 80px;
}
.p-Subtitle{
    margin-left: 20px;
    margin-top: 20px;
    font-weight: bold;
}
.p-describe{
    margin-left: 10px;
    font-family:'时尚美衣低价购',华文细黑;
}
.div-1-log{
    width: 120px;
    height: 100px;

}


#img-FeiXie{
    margin-top: -50px;
    width:150px;
    height:100px;
}
#img-FeiXie:hover{
    margin-top: -50px;
    width:160px;
    height:110px;
}
#img-Xhy{
    margin-top: -50px;
    width:150px;
    height:100px;
}
#img-Xhy:hover{
    margin-top: -50px;
    width:160px;
    height:110px;
}
#img-Xj{
    margin-top: -50px;
    width:150px;
    height:100px;
}
#img-Xj:hover{
    margin-top: -50px;
    width:160px;
    height:110px;
}
#img-QBao{
    margin-top: -50px;
    width:150px;
    height:100px;
}
#img-QBao:hover{
    margin-top: -50px;
    width:160px;
    height:110px;
}

.div-com-1{
    width: 80px;
    height: 150px;
    /*border:1px solid yellow;*/
    float: left;
}
.div-com-2{
    width: 80px;
    height: 150px;
    float: left;
    /*border:1px solid yellow;*/
    margin-left: 15px;
}
.div-com-3{
    width: 80px;
    height: 150px;
    float: left;
    /*border:1px solid yellow;*/
    margin-left: 15px;
}
.div-com-4{
    width: 80px;
    height: 150px;
    float: left;
    /*border:1px solid yellow;*/
    margin-left: 15px;
}

.img-cdIty{
    width: 80px;
    height: 100px;
    margin-top: 30px;
}

.p-price{
    margin-top: 3px;
    font-size: 25px;
    text-align: center;
    color: red;
}
/*第三段*/
#div-three{
    width: 1300px;
    min-height: 500px;
    max-height: 3000px;
    height: auto;
    overflow: auto;
    margin: auto;
    border-radius: 40px;
    background-color: white;
}
#div-three::-webkit-scrollbar{
    display: none;
}
#ul-DHL{
    width: 1300px;
    height: 50px;
}
#ul-DHL li{
    height: 50px;
    line-height: 50px;
    font-weight: bold;
}
.div-from-pr
{
    width: 270px;
    height: 400px;
    margin-left: 40px;
    margin-top: 20px;
    float: left;
}
.div-from-Phone{
    width: 260px;
    height: 400px;
    margin: auto;
}
.div-from-Phone:hover{
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    border: 1px solid white;
    border-radius: 10px;
}
.p-image{
    text-align: center;
    margin-top: 5px;
}
.p-image img{
    width: 250px;
    height: 250px;
    border-radius: 8px;
}
.p-name{
    font-size: 23px;
    font-weight: bold;
    text-align: center;
}
.p-introduce{
    width: 250px;
    height: 55px;
    margin:5px 5px;
    max-width: 250px;
    overflow: hidden;
    cursor: pointer;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/*第四段*/
#div-four{
    width: 100%;
    height: 415px;
    margin-top: 10px;
    background-color: #EAEAEA;
}
#div-four-bottom{
    width: 100%;
    height: 500px;


}
#div-four-bottom-yi{
    width: 1300px;
    height: 50px;
    margin: auto;
}
.i{

    font-size: 30px;
    color: red;
}
#ul-DKHS li{
    margin-top: 10px;
    float: left;
    margin-left: 140px;
    font-weight: bold;
}
#div-four-bottom-er{
    width: 1300px;
    height: 170px;
    margin:20px auto;
}
#div-four-bottom-er-1{
    width: 250px;
    height: 170px;
    float: left;
    margin-top: 5px;
}
#div-four-bottom-er-2{
    width: 250px;
    height: 170px;
    float: left;
    margin-left: 11px;
    margin-top: 5px;
}
#div-four-bottom-er-3{
    width: 250px;
    height: 170px;
    float: left;
    margin-left: 11px;
    margin-top: 5px;
}
#div-four-bottom-er-4{
    width: 250px;
    height: 170px;
    float: left;
    margin-left: 11px;
    margin-top: 5px;
}
#div-four-bottom-er-5{
    width: 250px;
    height: 170px;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}
.dd{
    margin-left: 30px;
    font-weight: bold;

}
.dd-a{
    margin-left: 30px;
    margin-top: 5px;
}
.dd-a a:hover{
    color: red;
}
.hr{
    width: 100%;
    height: 1px;
    background-color: #9f9f9f;
}
#div-four-bottom-san{
    width: 1300px;
    height: 130px;
    margin: auto;
}
#p-a1{
    margin-left: 150px;
}
#p-a1 a:hover{
    color: red;
}
#p-a2{
    margin-top: 10px;
    margin-left: 150px;
    font-size: 12px;
    color: #9f9f9f;
}
#p-a2 a{
    color: #9f9f9f;
}
#p-a2 a:hover
{
    color: red;
}
#p-a3{
    margin-top: 10px;
    margin-left: 350px;
    font-size: 12px;
    color: #9f9f9f;
}
#p-a3 a{
    color: #9f9f9f;
}
#p-a3 a:hover
{
    color: red;
}
#p-a4{
    margin-top: 10px;
    margin-left: 100px;
    font-size: 12px;
    color: #9f9f9f;
}
#p-a4 a{
    color: #9f9f9f;
}
#p-a4 a:hover
{
    color: red;
}
.index{
    color: blue;
}
#div-product-all{
    width: 1300px;
    min-height: 500px;
    max-height: 3000px;
    height: auto;
    overflow: auto;
    margin:20px auto;
    border-radius: 40px;
    background-color: white;
}
#div-product-all::-webkit-scrollbar{
    display: none;
}
#div-title{
    width: 100%;
    height: 80px;
}
#layui-tab{
    margin:30px;
}
.img-title{
    width: 80px;
    height: 100px;
}
.img-title-all{
    width: 30px;
    height: 35px;
}
#div-product_buy{
    width: 1300px;
    height: 500px;
    margin:20px auto;
    border-radius: 40px;
    background-color: white;
}
#div-product_buy-yi{
    width: 700px;
    height: 490px;
    float: left;
    margin: 5px 10px;
    border-radius: 40px;
    background-color: #F6F6F6;
}
#div-product_buy-yi .p-product_buy-yi{
    width: 500px;
    height: 400px;
    margin-top: 40px;
    margin-left: 100px;
}
.img-product_buy{
    width: 500px;
    height: 400px;
    cursor: pointer;
}
#div-product_buy-er{
    width: 500px;
    height: 500px;
    float: right;
    margin-right: 30px;
    /*border: 1px solid red;*/
}

.brand-product_buy{
    float: right;
    margin-top: 20px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-shadow: 2px 2px 4px rgba(255, 255, 0, 0.8);
    font-family: '微軟正黑體 Light', sans-serif;
}
.name-product_buy{
    text-align: center;
    margin-top: 50px;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.3em;
    cursor: pointer;
}
.introduce-product_buy{
    width: 500px;
    height: 120px;
    font-style: italic;
    margin-top: 15px;
    cursor: pointer;
    box-shadow: 1px 1px 4px rgba(128, 128, 128, 0.5);
    color: #9f9f9f;
}
.price-product_buy{
    margin-top: 15px;
    font-size: 25px;
    color: red;
}
#from-product_buy{
    margin-top: 30px;
    margin-left: 5px;
}
#div-query-bar{
    margin-left: 20px;
    width: 1000px;
    height: 100px;
    /*border: 1px solid red;*/
}
#div-product_query{
    width: 1000px;
    height: 45px;
    /*border: 1px solid yellow;*/
}
#product_input-query{
    width: 900px;
    height: 31px;
    border-radius: 30px;
    margin: auto;
    position: relative;
    top: 25px;
}
#product_but-query{
    position: relative;
    color: black;
    background-color: yellow;
    width: 80px;
    height: 28px;
    line-height: 28px;
    border-radius: 50px;
    font-size: 15px;
    top: -4.5px;
    left: 867px;
}

#div-product_bar{
    width: 1000px;
    height: 45px;
    margin-top: 5px;
    /*border: 1px solid blue;*/
}
#div-product_bar ul li{
    position: relative;
    float: left;
    padding:10px 20px ;
    left: 50px;
}
#div-product_bar ul li a{

    color: white;
}
#div-product_bar ul li a:hover{
    color: yellow;
}
#div_index{
    width: 100%;
    height: 30px;
    background-color: #9f9f9f;
}
#div-index_jump{
    width: 1300px;
    height: 30px;
    line-height: 30px;
    margin: auto;
}
#div-index_jump a{
    float: left;
    color: white;
}
#div-index_jump a:hover{
    color: yellow;
}
#img_jump{
    width: 30px;
    height: 30px;

}
#img-title_fus{
    width: 80px;
    height: 80px;
}
#img-title_qic{
    width: 80px;
    height: 80px;
}

#province,#city,#area{
    width: 100px;
    height: 20px;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 15px;
}
#address{
    border-radius: 15px;
    border: 1.4px solid black;

}
#btn{
    width: 130px;
    height: 50px;
    background-color: yellow;
    border: none;
    font-weight: bold;
    margin-top: 50px;
    margin-left: 50px;
    border-radius: 10px;
    cursor: pointer;
}
#collect{
    cursor: pointer;
    width: 130px;
    height: 50px;
    line-height: 50px;
    border: none;
    margin-top: 50px;
    margin-left: 120px;
    font-weight: bold;
    border-radius: 10px;
    position: relative;

}
#img_coll{
    cursor: pointer;
    width: 25px;
    height: 25px;
    position: relative;
    left: -110px;
    top: -2px;
}
#div-product_Lovely{
    width: 1300px;
    margin:10px auto;
    border-radius: 40px;
    background-color: white;
}
#div-product_title{
    width: 1300px;
    height: 80px;
    /*border: 1px solid red;*/
    border-radius: 40px;
}
#div-product_title h1{
    width: 200px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    position: relative;
    left: 20px;
    border-radius: 40px;
    /*border: 1px solid red;*/
}
#div-product_good{
    width: 1300px;
    min-height: 500px;
    max-height: 3000px;
    height: auto;
    background-color: white;
    overflow: auto;
    scroll-behavior: smooth;
}
#div-product_good::-webkit-scrollbar{
    display: none;
}
#div-product_login{
    background-color: #9f9f9f;
    float: right;
}
#but-product_login{
    background-color: #9f9f9f;
    border: none;
}
#but-product_order{
    background-color: #9f9f9f;
    border: none;
    margin-left: 20px;
}
.img-product_login{
    width: 20px;
    height: 20px;
    position: relative;
    left: -50px;

}
#img_Lovely{
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
